<!--
 * @Author: 陈妮娜 969682281@qq.com
 * @Date: 2024-03-15 10:04:28
 * @LastEditors: 陈妮娜 969682281@qq.com
 * @LastEditTime: 2024-04-19 09:29:54
 * @FilePath: \Gx-Back\src\components\sampleManage\sampleMaterial\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->
  <!-- 超大弹框 width:1460,height:0.76,top:5% -->
  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="300px"
      :title="title"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="15%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialog"
        id="longLable"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <div class="imageBox" v-for="(item, index) in imageData" :key="index">
          <img
            :src="item.url"
            alt=""
            v-if="item.MimeDescription == '图片'"
            @click="openImg(item, index)"
          />
          <img
            src="@/assets/img/videoImg.webp"
            alt=""
            v-else
            @click="openVideo(item, index)"
          />
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
